<template>
  <div class="news">
    <div class="news-box">
      <p v-html="content"></p>
      <!-- {{ content }} -->
      <!-- <p>2023年6月17日，在广东东莞举办的“第十三届中国国际商标品牌节”期间，在国家知识产权局知识产权出版社和中华商标总会联办的关于新一代人工智能的主题大会上，“中国数字人知识产权存证保护平台”举办盛大发布仪式，宣布正式上线。</p>
      <img src="../../images/10.png" alt width="100%" />
      <p>2023年6月17日，在广东东莞举办的“第十三届中国国际商标品牌节”期间，在国家知识产权局知识产权出版社和中华商标总会联办的关于新一代人工智能的主题大会上，“中国数字人知识产权存证保护平台”举办盛大发布仪式，宣布正式上线。</p>
      <img src="../../images/10.png" alt width="100%" />-->
    </div>
  </div>
</template>
<script>
import { news_detile } from "@/utils/api";
export default {
  name: "SzrSingleNews",
  props: {
    id: ""
  },
  data() {
    return {
      content: ""
    };
  },
  mounted() {
    if (window.history && window.history.pushState) {
      history.pushState(null, null, document.URl);
      window.addEventListener("popstate", this.goBack, false);
    }
  },
  destroyed() {
    window.removeEventListener("popstate", this.goBack, false);
  },
  created() {
    this.init();
  },

  methods: {
    // 阻止浏览器的默认返回事件，自定义返回行为
    goBack() {
      let num = 3;
      this.$emit("getData", num);
    },
    init() {
      news_detile({ id: this.id }, res => {
        if (res.code === 200) {
          this.content = res.data.content;
        }
      });
    }
  }
};
</script>
<style lang="scss" scoped>
.news {
  max-width: 1920px;
  min-width: 1440px;
  margin: auto;
  min-height: calc(100vh - 486px);
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;

  &-box {
    width: 1180px;
    // position: relative;
    // top: -60px;
    margin: auto;
    padding: 80px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    > img {
      margin: 39px 0;
    }
    ::v-deep img {
      width: 100%;
    }
  }
}
</style>